<div id="parks-list-header-view" class="header">
	<div id="header-search">
		<div id="header-title">
			<b class="lang-es">Parques Nacionales Argentina</b>
			<b class="lang-en">National Parks Argentina</b>	
			<b class="lang-pt">Parques Nacionais Argentina</b>
		</div>
		<form id="header-form" class="hide">
			<% if(Globals.CurrentLanguage == 'es'){ %>
				<input type="text" id="search-input" class="lang-es" value="" placeholder="Buscar"/>
			<% } else if(Globals.CurrentLanguage == 'en'){ %>
				<input type="text" id="search-input" class="lang-en" value="" placeholder="Search"/>
			<% } else if(Globals.CurrentLanguage == 'pt'){ %>
				<input type="text" id="search-input" class="lang-pt" value="" placeholder="Pesquisar"/>
			<% } %>
		</form>
		<div id="header-search-btn">
			<a id="btn-search" href="#"></a>
		</div>
	</div>
	<div id="header-filters">
		<select id="dropdown-category" class="dropdown">
			<% if(Globals.CurrentLanguage == 'es'){ %>
				<option value="0" class="category-name lang-es">Categoria</option>
			<% } else if(Globals.CurrentLanguage == 'en'){ %>
				<option value="0" class="category-name lang-en">Cateogry</option>	
			<% } else if(Globals.CurrentLanguage == 'pt'){ %>
				<option value="0" class="category-name lang-pt">Categoria</option>
			<% } %>
			<% _.each(Globals.Categories, function(category){ %>
				<% _.each(category.lang, function(lang){ %>
					<% if(lang.id == Globals.CurrentLanguage){ %>
						<option value="<%= category.id %>" class="category-name lang-<%= lang.id %>"><%= lang.value %></option>	
					<% } %>
				<% }) %>
			<% }) %>
		</select>

		<select id="dropdown-region" class="dropdown">
			<% if(Globals.CurrentLanguage == 'es'){ %>
				<option value="0" class="category-name lang-es">Region</option>
			<% } else if(Globals.CurrentLanguage == 'en'){ %>
				<option value="0" class="category-name lang-en">Region</option>	
			<% } else if(Globals.CurrentLanguage == 'pt'){ %>
				<option value="0" class="category-name lang-pt">Região</option>	
			<% } %>
			<% _.each(Globals.Regions, function(region){ %>
				<% _.each(region.lang, function(lang){ %>
					<% if(lang.id == Globals.CurrentLanguage){ %>
					<option value="<%= region.id %>" class="category-name lang-<%= lang.id %>"><%= lang.value %></option>	
					<% } %>
				<% }) %>
			<% }) %>	
		</select>

		<select id="dropdown-province" class="dropdown">
			<% if(Globals.CurrentLanguage == 'es'){ %>
				<option value="0" class="category-name lang-es">Provincias</option>
			<% } else if(Globals.CurrentLanguage == 'en'){ %>
				<option value="0" class="category-name lang-en">Provinces</option>
			<% } else if(Globals.CurrentLanguage == 'pt'){ %>
				<option value="0" class="category-name lang-pt">Províncias</option>	
			<% } %>
			<% _.each(Globals.Provinces, function(province){ %>
				<option value="<%= province.id %>" class="category-name"><%= province.value %></option>	
			<% }) %>
		</select>
		<div id="header-shadow"></div>
	</div>
</div>